
import React, { Component } from 'react'

import { Layout, PageHeader } from 'antd'




import CommFooter from "@/components/commFooter"
import CommHeader from "@/components/commHeader"
import LeftMenu from "@/components/leftSider"
import CommPageHeader from "@/components/commPageHeader"
import RouterView from "@/components/routerView"
import HistoryNav from "@/components/historyNav"
import { Modal } from 'antd'
class App extends Component {

    constructor(props) {
        super(props)

    }
    componentWillReceiveProps(nextProps) {
        if (nextProps.location.pathname !== this.props.location.pathname) {
            Modal.destroyAll();
        }
    }
    render() {
        return (
            <Layout className="comm-content">
                <CommHeader></CommHeader>
                <Layout>
                    <Layout.Sider>
                        <LeftMenu></LeftMenu>
                    </Layout.Sider>
                    <Layout.Content className="comm-main">
                        <HistoryNav></HistoryNav>
                        <CommPageHeader></CommPageHeader>
                        <RouterView></RouterView>
                    </Layout.Content>
                </Layout>
                <CommFooter></CommFooter>
            </Layout>

        )
    }
}
export default App